import styled from 'styled-components'

const Container = styled.div`
    padding: .3rem .15rem;
    .actic{
        height: 1.8rem;
        /* width: 3.45rem; */
        background-color: #fff;
        padding: .15rem .1rem; 
        .li{
            height: .95rem;
            width: 100%;
            img{
                width:100%;
                height: 100%;
            }
        }
    }
    ul>div{
        /* width: 3.45rem; */
        height:.8rem;
        &>li:first-child{
            width:100%;
            height: .4rem;
            font-size: 16px;
            line-height: .4rem;
            span{
                margin: 0 .1rem;
                font-weight: bolder;
            }
            i{
                font-size: 14px;
            }
        }
        &>li:nth-child(2){
            font-size: 12px;
            color: #666;
            i{
                padding: .04rem .1rem;
                border: solid 1px blue;
                color: blue;
                margin-right: .15rem; 
            }
            span{
                margin: 0 .1rem;
            }
        }
    }
    .main>div{
        /* width: 3.45rem; */
        height: 1.2rem;
        padding: .15rem .1rem;
        background-color: #fff;
        margin-top: .15rem;
        display: flex;
        justify-content: space-between;
        ul{
            flex: 1;
            &>li:first-child{
                width: 1.6rem;
                white-space: wrap;
                font-size: 16px;
                line-height: .24rem;
            }
            &>li:nth-child(2) {
                font-size: 12px;
                color: #666;
                span{
                    margin-right: .15rem
                }
            }
            &>li:nth-child(3){
                margin-top: .1rem;
                i{
                    padding: .04rem .1rem;
                    border: solid 1px blue;
                    color: blue;
                    margin-right: .15rem; 
                }
            }
        }
        .main-right{
            width: 1.25rem;
            height: 100%;
            img{
                width: 100%;
                height: 100%;
            }
        }
    }
`

export {
    Container
}